<extend name="Public/base_mobile"/>
<block name="head_css">
	<link rel="stylesheet" href="__SALEM_V3__/css/shop.pkg.css">
</block>
<block name="header">
</block>
<block name="content">
	<div id="init" class="init" v-show="!ready" transition="init">
        <div class="logo">
            <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/03/08-14-55/56de7773ed78b.png" width="100%">
        </div>
        <ul class="box">
            <li class="ball ball-1 animated infinite"></li>
            <li class="ball ball-2 animated infinite"></li>
            <li class="ball ball-3 animated infinite"></li>
            <li class="ball ball-4 animated infinite"></li>
            <li class="ball ball-5 animated infinite"></li>
            <li class="ball ball-6 animated infinite"></li>
        </ul>
    </div>
    <div class="g-bd">
        <div class="row-nav">
            <img v-bind:src="shop_info.cover_id">
        </div>
        <div class="row-brand">
            <div class="col-text fl">
                <a class="text title" v-text="shop_info.shop_name"></a>
                <a class="text" v-text="'地址 : ' + shop_info.shop_address"></a>
            </div>
            <div class="col-brand fr">
                <a v-bind:href="shop_info.shop_link" class="btn-brand" style="display:none">
                    更多品牌
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="row-gray"></div>
        <div class="row-intro">
            <div class="col-intro">
                <h2>店铺介绍 :</h2>
                <a class="txt-intro" v-html="shop_info.shop_introduction"></a>
            </div>
        </div>
        <div class="row-gray"></div>
        <div class="row-links">
            <a v-bind:class="{'active': -1 == category_active}" v-on:click="changeCategory(-1)" class="links">全部</a>
            <a v-bind:class="{'active': 1 == category_active}" v-on:click="changeCategory(1)" class="links">促销商品</a>
            <a v-bind:class="{'active': 0 == category_active}" v-on:click="changeCategory(0)" class="links">非促销商品</a>
            <div class="clearfix"></div>
        </div>

        <div class="row-img">
            <div v-for="goods in goods_list" class="u-img fl">
                <a v-bind:href="goods.goods_link" class="images">
                    <img v-bind:data-echo="goods.goods_thumb">
                </a>
                <div class="u-title">
                    <a href="#" class="title" v-text="goods.goods_name"></a>
                    <a class="price">
                        <span>￥</span><span class="num" v-text="goods.shop_price"></span>
                    </a>
                    <a class="order-price">
                        <del v-text="'￥' + goods.market_price"></del>
                    </a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>


        <div class="row-load">
            <div class="col-load" v-show="!nomore">
                <a>正在为您加载更多商品...</a>
            </div>
            <div class="col-load" v-show="nomore">
                <img src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/03/26-14-26/56f62b884eb61.png" width="40%" >
                <a class="text-load">商品努力上传中，请稍后查看！
                </a>
            </div>
        </div>
    </div>
    <!-- /主体 -->
    <!-- 回到顶部 -->
    <a id="scrollUp">TOP</a>
    <!-- 回到顶部 -->
    <script>
    var api = { 
    		'goods_list': '{:U("Shop/brandGoods")}'
    		};
        /*
         * 数据
         */
    var data = { 
        		'shop_info': {$shop_data} 
        };
    </script>
     <script src="http://activityfiles.oss-cn-hangzhou.aliyuncs.com/2016/01/2016/01/20-16-10/569f40de8d513.js"></script>
    <script src="__SALEM_V3__/js/shop.pkg.js"></script>
</block>